<template>
  <div v-if="item" class="gedan" @click="$router.push(`/gedanview?id=${item.id}`)">
      <div class="cover">
          <img :src="item.picUrl" alt="">
      </div>
      <div class="zhezhao"></div>
      <div class="info">
            <div class="infobottom" v-if='randomnum>5?true:false'>
              音乐世界杯：春之声音节2023
          </div>
          <div class="infobottom" v-else-if='randomnum<2?true:false'>
              冬日电影自愈旋律
          </div>
            <div class="infobottom" v-else>
             聆听经典：音乐历史上的这一周
          </div>

          <div class="infotop">
              <div class="icon">
                  <span class="iconfont icon-yinlefuhao1"></span>

              </div>
              <span class="name">歌单<span></span>{{item.name}}</span>


          </div>
        
      </div>
      
  </div>
</template>

<script>
export default {
    props:['item'],
    data(){
        return{
            randomnum:Math.random()*10
        }
    }

}
</script>

<style lang="scss" scoped>

@import url(../../comman/css/gedan.css);

</style>